// 一级分类导航数据
import {useRoute} from 'vue-router'
import {getCategoryAPI} from '@/apis/category'
import { onMounted,ref} from 'vue';
import  {onBeforeRouteUpdate} from 'vue-router'

  

export function useCategory(){
    //获取数据
const categoryData=ref({})
const route=useRoute()

const getCategory=async(id=route.params.id)=>{
  const res=await getCategoryAPI(id)
  
  categoryData.value=res.result
}

//目标：路由参数变化的时候，可以把分类数据接口重新发送
onBeforeRouteUpdate((to)=>{

  // 存在问题 ：使用最新的路由参数请求最新的分类数据
  

  // 如果你传了参数，就以传的参数为主，不传就以默认参数为主
  getCategory(to.params.id)
})

onMounted(()=>{
  getCategory()
 
})


  return{
    categoryData
  }
  }